import React, { RefObject } from 'react'
import {
  Form,
  Input,
  Button,
  Dialog,
  TextArea,
  DatePicker,
  Selector,
  Slider,
  Stepper,
  Switch,
} from 'antd-mobile'
//  import { useNavigate } from 'react-router-dom'
import App1 from './App1'
export default () => {
  //  let nav=useNavigate()
  
  const onFinish = () => {
    // nav('/App1')
  alert('登录成功');
  
  }

  return (
    <>
      <Form
        layout='horizontal'
        footer={
          <Button block type='submit' color='primary' size='large' onClick={onFinish}>
            提交
          </Button>
        }
      >
      
        <Form.Item
          name='name'
          label='账号'
          rules={[{ required: true, message: '国内手机号/用户名/邮箱/卡号' }]}
        >
          <Input onChange={console.log} placeholder='请输入姓名' />
        </Form.Item>
        <Form.Item name='address' label='密码' help='登录密码'>
          <TextArea
            placeholder='登录密码'
            maxLength={100}
            rows={2}
            showCount
          />
        </Form.Item>
       
       
      </Form>

     
    </>
  )
}

